/* ============================================================================
    CSS STYLES FOR ModuleActionsMenu-Orange
   ============================================================================
*/

/****************************
 Standard structural CSS 
****************************/

.ModuleOptionsMenu-Orange {        
  cursor: pointer;
  padding:0;
  margin:0;
}
ul.ModuleOptionsMenu-Orange ul {
  width: 20em;                  
  padding-left: 0px;                 
  margin-left: 0px; 
}
.ModuleOptionsMenu-Orange li ul {
  display: none;
  position: absolute;
  top: 22px;
  left: 0px;
}
ul.ModuleOptionsMenu-Orange li {
  list-style-type: none;
  margin: 0px;
  position: relative; 
}

ul.ModuleOptionsMenu-Orange li:hover > ul,
ul.ModuleOptionsMenu-Orange li.sfhover > ul { display: block;}

/*********************
 Main styles 
*********************/

/* Main Icon (Arrow Image) */
.ModuleOptionsMenuMainIcon-Orange {
	background: #f78d1d;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	background: -o-linear-gradient(top,  #faa51a,  #f47a20);
	
    border: solid 1px #444;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;
	
	color: black;
	font-weight:bold;
	cursor:default;
	
	display:block;
	padding:5px 10px;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=40);
	-moz-opacity:0.40;
	-khtml-opacity: 0.40;
	opacity: 0.40;
	
	z-index:90000;
	height:16px;
	width:100px;
}
*:first-child+html .ModuleOptionsMenuMainIcon-Grey{height:auto;width:auto;}

/* Main Icon without with DisplayLink Disabled */
.MainLinkText {width:20px;}
*:first-child+html .MainLinkText{width:auto;}

.ModuleOptionsMenuMainIcon-Orange:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.ModuleOptionsMenuMainIcon-Orange img{display:block;float:left;padding-right:3px;}

/* menu wrapper */
.ModuleOptionsMenu-Orange {}
/* all list items */
.ModuleOptionsMenu-Orange li {cursor:pointer;}

.ModuleOptionsMenu-Orange li li {padding-left:5px;	border: solid 1px transparent;}
*html .ModuleOptionsMenu-Orange li li{ border: 0; }

.ModuleOptionsMenu-Orange .MegaItem {padding-left:15px;	border: solid 1px transparent}

/* all links within the menu wrapper */
.ModuleOptionsMenu-Orange a {text-shadow: 0 1px 1px rgba(0,0,0, .3);}
.ModuleOptionsMenu-Orange li li a { padding-left: 5px;line-height: 20px;color: black;text-decoration:none;}

ul.ModuleOptionsMenu-Orange li.sfhover a { color: rgb(51, 51, 51);text-decoration:none;}

.ModuleOptionsMenu-Orange hr {height: 0px;width:90%;margin 0 auto;}

.ModuleOptionsMenu-Orange  { 
 width:100px;
}

.ModuleOptionsMenu-Orange h2 {
	border-bottom: solid 1px #444;
	letter-spacing: -1px;
	margin: 7px 0 14px 0;
	padding-bottom: 1px;
	clear:both
}

/*********************
 SubMenu styles 
*********************/

/* MainSubmenu  */
.ModuleOptionsMenu-Orange li ul {
    color: black;

    background: #f78d1d;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	background: -o-linear-gradient(top,  #faa51a,  #f47a20);
	
    border: solid 1px #444;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;

    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.2);
    box-shadow: 3px 3px 3px rgba(0,0,0,.2);

	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}


.ModuleOptionsMenu-Orange .MegaItem:hover,.ModuleOptionsMenu-Orange .MegaItem.sfhover  
{
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	background: url('HeaderBackOrange.png') #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	background: -o-linear-gradient(top,  #f88e11,  #f06015);

	border: solid 1px #000;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
}

/* Menu Item Icon Style */
.ModuleOptionsMenu-Orange li a img  {margin-left:0px!important;margin-top:2px!important;}

/* ============================================================================
    CSS STYLES FOR ModuleContextMenu
   ============================================================================
*/

/****************************
 Standard structural CSS 
****************************/
.ModuleContextMenu-Orange,
.ModuleContextMenu-Orange ul {
margin: 0;
padding: 0;
top:0;
left:0;
position: absolute;
list-style-type: none;
background: white;
border: 1px solid black;
display: none;  }

.ModuleContextMenu-Orange {z-index:30000;}
.ModuleContextMenu-Orange ul {z-index:30030;}

.ModuleContextMenu-Orange li{list-style-type: none;}
.ModuleContextMenu-Orange h2 {clear:both}
.ModuleContextMenu-Orange .MegaItem {width:150px;position: relative;display:block;float:left;margin-left:20px;}

.ModuleContextMenu-Orange li:last-child  {padding-bottom:5px}

/*********************
 Main styles 
*********************/
/* all list items */
.ModuleContextMenu-Orange li { cursor:pointer;padding-left: 6px;padding-top: 1px;border: solid 1px transparent;}

*html .ModuleContextMenu-Orange li{ border: 0; }


/* all links within the menu wrapper */
.ModuleContextMenu-Orange li a { padding-left: 5px;line-height: 20px;color: rgb(51, 51, 51);text-decoration:none;background-color: transparent;text-shadow: 0 1px 1px rgba(0,0,0, .3);}

.ModuleContextMenu-Orange h2 {
	border-bottom: solid 1px #444;
	letter-spacing: -1px;
	margin: 7px 0 14px 0;
	padding-bottom: 14px;
}

/*********************
 SubMenu styles 
*********************/

/* Main and Submenu  */
.ModuleContextMenu-Orange,
.ModuleContextMenu-Orange ul { 
    width:400px;
    color: rgb(51, 51, 51);

    background: #f78d1d;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	background: -o-linear-gradient(top,  #faa51a,  #f47a20);
	
    border: solid 1px #444;
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em;

    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.2);
    box-shadow: 3px 3px 3px rgba(0,0,0,.2);

	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

/* styles for Hover items */
.ModuleContextMenu-Orange .MegaItem:hover  
{
	background: url('HeaderBackOrange.png') #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	
	padding-left: 6px;
	border: solid 1px #000;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
}

.ModuleContextMenu-Orange li a {padding-left:0px}

/* Menu Item Icon Style */
.ModuleContextMenu-Orange li a img  {margin-left:0px!important;margin-top:2px!important;}

.ModuleContextMenu-Orange hr {height: 0px;width:90%;margin 0 auto;color:black;}

/* HIDE New DNN Default Module Action Menu */
.dnnActionMenu {display:none!important; visibility:hidden;position:relative!important}
.DnnModule{z-index:100;position:inherit!important}
.dnnActionMenuBorder{position:relative!important;display:none!important; visibility:hidden;}